<?xml version="1.0" encoding="UTF-8"?>

<xsl:stylesheet xmlns:xsl='http://www.w3.org/1999/XSL/Transform' version='1.0'>
	<xsl:output method="html" indent="yes" />

	<xsl:key name="competences-by-type" match="Competence" use="Type" />
	
	<xsl:template match="Competences">
		<xsl:element name="html">
			<xsl:element name="head">
				<xsl:element name="title">Liste des Domaines</xsl:element>
					<xsl:element name="link">
						<xsl:attribute name="rel">stylesheet</xsl:attribute>
						<xsl:attribute name="type">text/css</xsl:attribute>
						<xsl:attribute name="href">../styles/design.css</xsl:attribute>
						<xsl:attribute name="media">all</xsl:attribute>
					</xsl:element>
			</xsl:element>
			
			<xsl:element name="body">						
				<!-- Ajout balises pour le CSS -->
				<xsl:element name="div"><xsl:attribute name="id">imgG</xsl:attribute>
				<xsl:element name="img"><xsl:attribute name="src">../media/CV-Screen.jpg</xsl:attribute></xsl:element>
				</xsl:element>
				<xsl:element name="div"><xsl:attribute name="id">droite</xsl:attribute>
				<xsl:element name="div"><xsl:attribute name="id">corps</xsl:attribute>
				
				<xsl:element name="div"><xsl:attribute name="id">pdf</xsl:attribute>
				<xsl:element name="a"><xsl:attribute name="id">imgPdf</xsl:attribute><xsl:attribute name="href">../pdf/Competences.pdf</xsl:attribute>
				<xsl:element name="img"><xsl:attribute name="src">../media/pdf.jpg</xsl:attribute><xsl:attribute name="title">Télécharger les compétences en pdf</xsl:attribute></xsl:element>

				</xsl:element>
				</xsl:element>
				<!-- FIN balises pour le CSS -->
					<xsl:element name="p">
						<xsl:element name="h1">Compétences</xsl:element>
						<xsl:for-each select="Competence[count(. | key('competences-by-type', Type)[1]) = 1]">
							<xsl:sort select="Type" />
							<xsl:element name="h2"><xsl:value-of select="Type" /></xsl:element>
							<xsl:element name="ul">
								<xsl:for-each select="key('competences-by-type', Type)">
									<xsl:sort select="." />
									<xsl:element name="li">
										<xsl:element name="a">
											<xsl:attribute name="href">
												<xsl:text>Personnes-</xsl:text>
												<xsl:value-of select="@idC" />
												<xsl:text>.html</xsl:text>
											</xsl:attribute>
											<xsl:value-of select="Nom" />
										</xsl:element>
									</xsl:element>
								</xsl:for-each>
							</xsl:element>
						</xsl:for-each>
					</xsl:element>
					
				<!-- Ajout balises pour le CSS -->
				</xsl:element>
					<xsl:element name="div"><xsl:attribute name="id">bandeau-bas</xsl:attribute>
						<xsl:element name="p"><xsl:attribute name="class">piedPage1</xsl:attribute>
					<xsl:element name="a"><xsl:attribute name="href">index.html</xsl:attribute><xsl:attribute name="title">Retour a la page d'accueil</xsl:attribute>Accueil</xsl:element><xsl:text> - </xsl:text>
					<xsl:element name="a"><xsl:attribute name="href">Competences.html</xsl:attribute><xsl:attribute name="title">Liste des competences</xsl:attribute>Domaines</xsl:element><xsl:text> - </xsl:text>
					<xsl:element name="a"><xsl:attribute name="href">Personnes.html</xsl:attribute><xsl:attribute name="title">Liste des CV</xsl:attribute>CV</xsl:element>
						</xsl:element>	
					</xsl:element>	
			</xsl:element>	
				<!-- FIN balises pour le CSS -->			
			</xsl:element>
		</xsl:element>
		
	</xsl:template>
	
</xsl:stylesheet>
